<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path;
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>归还详情-云校通_教师版</title>
<meta name="viewport"
	content="width=device-width,initial-scale=1,user-scalable=0">
<link rel="stylesheet" href="<%=basePath%>/style/weui.css" />
<link rel="stylesheet" href="<%=basePath%>/style/weui2.css" />
<link rel="stylesheet" href="<%=basePath%>/style/weui3.css" />
<link rel="stylesheet" href="<%=basePath%>/css/xcgl_kcgl.css" />
<link rel="stylesheet" href="<%=basePath%>/style/icon.css" />
<style>
.detelist {
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	padding-top: 10px;
}

.detelist ul {
	position: relative;
	clear: both;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 4%;
}

.detelist ul li {
	width: 46%;
	font-size: 16px;
}

.detelist ul .right {
	position: absolute;
	right: 80px;
	top: 10px;
}
.detelist h4 {
	margin-left: 4%;
	font-size: 16px;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}

.detelist p {
	width: 92%;
	margin-left: 4%;
	padding-bottom: 10px;
	font-size: 14px;
}

.massage {
	width: 100%;
	margin-top: 8px;
	background: #fff;
}

.massage h4 {
	margin-left: 4%;
	font-size: 16px;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}

.massage p {
	width: 92%;
	margin-left: 4%;
	padding-bottom: 10px;
	font-size: 14px;
}

#menu_1 ul {
	position: relative;
	overflow: hidden;
}

#menu_1 ul li {
	margin-left: 4%;
	width: 40%;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

#menu_1 ul li select {
	border: 1px solid #666;
	border-radius: 4px;
	height: 20px;
}

#menu_1 ul .m_right {
	position: absolute;
	right: 4%;
	top: 0px;
}

#menu_1 .m_title {
	
}

#menu_1 .m_main {
	
}
</style>
<script src="<%=basePath%>/js/zepto.min.js"></script>
<script src="<%=basePath%>/js/swipe.js"></script>
</head>

<body ontouchstart>
	<jsp:include page="/WEB-INF/page/common/_header.jsp"></jsp:include>
	<div style="padding-bottom: 60px;">
		<div class="weui-header bg-blue">
			<div class="weui-header-left">
				<a onclick="back()" class="icon icon-109 f-white">返回</a>
			</div>
			<h1 class="weui-header-title">详情</h1>
		</div>
		<div class="detelist">
			<ul>
				<li>借用人</li>
				<li class="right">${item.usedName}</li>
			</ul>
			<ul>
				<li>物品类别</li>
				<li class="right">${item.typeName}</li>
			</ul>
			<ul>
				<li>物品名称</li>
				<li class="right">${item.goodsName}</li>
			</ul>
			<ul>
				<li>型号</li>
				<li class="right">${item.goodsAttr}</li>
			</ul>
			<ul>
				<li>数量</li>
				<li class="right">${item.number}</li>
			</ul>
			<div class="describe">
				<h4>描述</h4>
				<p>${item.describe}</p>
			</div>
			<ul>
				<li>借用日期</li>
				<li class="right"><f:formatDate value="${item.createTime}"
						pattern="yyyy.MM.dd HH:mm:ss" /></li>
			</ul>
			<ul>
				<li>归还日期</li>
				<li class="right"><f:formatDate value="${item.updateTime}"
						pattern="yyyy.MM.dd HH:mm:ss" /></li>
			</ul>
		</div>
		 <div class="weui_panel">
			<div class="weui_panel_bd">
				<div class="weui_media_box weui_media_small_appmsg">
					<div class="weui_cells weui_cells_access">
						<a href="javascript:;" class="weui_cell"
							onclick="selectmenu('1');">
							<div class="weui_cell_hd">
								<i class="icon icon-67"></i>
							</div>
							<div class="weui_cell_bd weui_cell_primary">
								<p>编号</p>
							</div> <span id="cell_1" class="icon icon-74 f-green"></span>
						</a>
					</div>
				</div>
			</div>
			<div style="display: none;" id="menu_1">
					<ul class="m_main">
						<c:forEach var="no" items="${item.nos}">
								<li style="display:inline;text-align: left;font-size: 13px;">${no.goodsNo}</li>
						</c:forEach>
					</ul>
			</div>
		</div>
		<div class="massage">
			<h4>物品状态</h4>
			<p>${item.feedback}</p>
		</div>
	</div>
</body>
<script type="text/javascript">
	function selectmenu(n) {
		var eleMore = document.getElementById("menu_" + n);
		if (eleMore.style.display == "none") {
			eleMore.style.display = 'block';
			$("#cell_" + n).removeClass("icon-74");
			$("#cell_" + n).addClass("icon-35 ");
		} else {
			eleMore.style.display = 'none';
			$("#cell_" + n).removeClass("icon-35");
			$("#cell_" + n).addClass("icon-74");
		}
	}
</script>
<jsp:include page="/WEB-INF/page/common/_footer.jsp"></jsp:include>
</html>